<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:c="http://java.sun.com/jstl/core" template="/_templates/generic.jsp">
	<ui:define name="windowTitle"><h:outputText value="#{galleryManagedBean.windowTitle}" /></ui:define>
	<ui:define name="pageTitle"><h:outputText value="#{galleryManagedBean.pageTitle}" /></ui:define>
	<ui:define name="searchContext">Galeria<input type="hidden" name="searchContext" value="photoGallery" /></ui:define>
	
	<ui:define name="pageHeadStylesheet">
		<link href="#{request.contextPath}/resources/css/gallery.css" rel="stylesheet" type="text/css" />
	</ui:define>
	
	<ui:define name="pageHeadScript">
		<script type="text/javascript" src="#{request.contextPath}/resources/javascript/gallery.js"></script>
	</ui:define>
	
	<ui:define name="mainContent">
		<table class="GalleryListingTable" cellspacing="10px">
			<tr>
				<td colspan="2">If you wish to view the archives, <a href="javascript:goToArchives('entertainment')">Click Here</a></td>
			</tr>
			
			<h:outputText value="#{galleryManagedBean.photoAlbumsHtml}" escape="false" />
			
			<!--
			<tr>
				<td class="GalleryListingColumn">
					<table class="GalleryListingColumnTable">
						<tr>
							<td class="GalleryListingThumbnail" style="background-image:url('${album.thumbnail.url}');" onclick="goToPhotoAlbum('${album.albumId}')"></td>
							<td class="GalleryListingDescription">
								<span class="BlockDisplay">Date: ${album.displayableAlbumDate}</span>
								<span class="BlockDisplay">Description: ${album.description}</span>
							</td>
						</tr>
					</table>
				</td>
				
				<td class="GalleryListingColumn">
					<table class="GalleryListingColumnTable">
						<tr>
							<td class="GalleryListingThumbnail" style="background-image:url('${album.thumbnail.url}');" onclick="goToPhotoAlbum('${album.albumId}')"></td>
							<td class="GalleryListingDescription">
								<span class="BlockDisplay">Date: ${album.displayableAlbumDate}</span>
								<span class="BlockDisplay">Description: ${album.description}</span>
							</td>
						</tr>
					</table>
				</td>
			</tr>
			-->
		</table>
	</ui:define>
</ui:composition>